<template>
  <a-form auto-label-width layout="inline">
    <a-form-item label="取色策略">
      <a-radio-group size="small" v-model="seriesLine.colorBy">
        <a-radio value="series" label="系列">系列</a-radio>
        <a-radio value="data" label="数值">数值</a-radio>
      </a-radio-group>
    </a-form-item>
    <a-form-item label="标记类型">
      <a-select v-model="seriesLine.symbol" size="small" placeholder="请选择图例标记类型">
        <a-option value="" label="自动" />
        <a-option value="circle" label="圆形" />
        <a-option value="rect" label="矩形" />
        <a-option value="roundRect" label="圆角矩形" />
        <a-option value="triangle" label="三角形" />
        <a-option value="diamond" label="菱形" />
        <a-option value="pin" label="标记图形为五角星" />
        <a-option value="arrow" label="标记图形为箭头" />
        <a-option value="none" label="不显示" />
      </a-select>
    </a-form-item>
    <a-form-item label="标记大小">
      <xiri-form v-model="seriesLine.symbolSize" option="number" :min="0" :max="100" />
    </a-form-item>
    <a-form-item label="标记旋转">
      <xiri-form v-model="seriesLine.symbolRotate" option="number" :min="0" :max="360" />
    </a-form-item>
    <a-form-item label="平滑曲线">
      <a-switch size="small" v-model="seriesLine.smooth" />
    </a-form-item>
    <a-form-item label="阶梯线">
      <a-switch size="small" v-model="seriesLine.step" />
    </a-form-item>
    <a-form-item label="面积图">
      <a-switch size="small" v-model="seriesLine.areaStyleShow" />
    </a-form-item>
    <a-form-item label="折线线条样式" />
    <line-style :options="seriesLine.lineStyle" />
    <a-form-item label="折线拐点标志样式" />
    <item-style :options="seriesLine.itemStyle" />
  </a-form>
</template>
<script setup>
import ItemStyle from "@/plugins/common/options/itemStyle.vue"
import LineStyle from "@/plugins/common/options/lineStyle.vue"

defineOptions({
  name: "echarts-line"
})
const attrs = useAttrs()
const option = attrs.option
const seriesLine = option.seriesLine
</script>
<style scoped lang="less">
.bi-bar {
  width: 100%;
  height: 100%;
}
</style>
